<!--地面保障车辆管理-->
<div class="secvc">

    <el-form    label-width="100%">
        <el-form-item label="">
        </el-form-item>
    </el-form>


        <div id="icon-template" style="display: none">
            <div style="position: relative;top:16px;">
                <label class="name-label">fk1208</label>
                <label class="info-label">落地</label>
                <img src="icon/flights.svg" class="consume-icon">
            </div>
        </div>

    <el-row>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #862197" >加油车：</span>
            <span style="font-size: 16px;color: #862197">2/5</span>
        </el-col>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #24f818">排污车：</span>
            <span style="font-size: 16px;color: #24f818">0/2</span>
        </el-col>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #e6e854">除冰车：</span>
            <span style="font-size: 16px;color: #e6e854">0/1</span>
        </el-col>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #96c2ff">清扫车：</span>
            <span style="font-size: 16px;color: #96c2ff">3/6</span>
        </el-col>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #f264e0">行李车：</span>
            <span style="font-size: 16px;color: #f264e0">3/7</span>
        </el-col>
        <el-col :span="3" style="margin-top: 10px;">
            <span style="font-size: 16px;color: #14559c">客梯车：</span>
            <span style="font-size: 16px;color: #14559c">3/7</span>
        </el-col>
        <el-col :span="6">

            <el-form :inline="true" ref="form" :model="form" label-position="left" label-width="100px">
                <el-form-item label=""  prop="flightInfo.flightInfoId":rules
                        ="[ {required: false, message: '航班号不能为空'}]">
                    <el-select clearable  v-model="form.flightInfo.flightInfoId" filterable placeholder="航班号"   >
                        <el-option
                                v-for="plane in planes"
                                :key="plane.flightInfoId"
                                :label="plane.flightNum"
                                :value="plane.flightInfoId"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="">
                    <el-button type="primary" @click="findFlightPlan">查询</el-button>
                </el-form-item>
            </el-form>

        </el-col>
    </el-row>
    <el-row>
     <div id="wrap" class="my-map">
         <div id="mapContainer"></div>
     </div>
    </el-row>
    <el-table
            ref="secpcTable"
            :data="secpcData"
            border
            :fit=true
            one-screen
            layout="total, sizes, prev, pager, next, jumper"
    >
        <el-table-column prop="flightPlanePo.flightInfo.flightNum"  label="航班号" min-width="65" >
        </el-table-column>
        <el-table-column prop="flightPlanePo.importOrExport" label="进出港" min-width="65">
        </el-table-column>
        <el-table-column prop="flightPlanePo.flightInfo.flightNo" label="机号" min-width="65">
        </el-table-column>
        <el-table-column prop="flightPlanePo.gatePosition" label="机位" min-width="50">
        </el-table-column>
        <el-table-column  label="预起" min-width="58">
            <template scope="scope">
                                <span>
                                    {{scope.row.flightPlanePo.takeOffTime?scope.row.flightPlanePo.takeOffTime.substr(11,5):""}}
                                </span>
            </template>
        </el-table-column>

        <el-table-column  label="保障车辆" prop="schedulings" >
            <el-table-column  v-for="(item, index) in schedulings"  :key="index" :label="item"   min-width="80">
                <template scope="scope">
                    <el-popover
                            placement="right"
                            width="200"
                            trigger="click">
                        <el-row class="text-sty">
                            <el-col :span="12">车牌号：</el-col>
                            <el-col :span="12">{{scope.row[item].airSecurityVehiclePo.vehicleNum}}</el-col>
                        </el-row>
                        <el-row class="text-sty">
                            <el-col :span="12">到达时间：</el-col>
                            <el-col :span="12">{{scope.row[item].startTime?scope.row[item].startTime:'12:12'}}</el-col>
                        </el-row>
                        <el-row class="text-sty">
                            <el-col :span="12">司机：</el-col>
                            <el-col :span="12">赵某</el-col>
                        </el-row>
                        <el-button slot="reference" type="text">     {{scope.row[item].airSecurityVehiclePo.vehicleName}}</el-button>
                    </el-popover>
                </template>
            </el-table-column>
        </el-table-column>
        <!--<template scope="scope">-->
            <!--
        <!--</template>-->
        <!--<el-table-column  label="排污车" min-width="50">-->
        <!--</el-table-column>-->
        <!--<el-table-column  label="除冰车" min-width="50">-->
        <!--</el-table-column>-->
        <!--<el-table-column  label="清扫车" min-width="58">-->
        <!--</el-table-column>-->
        <!--<el-table-column  label="行李车">-->
        <!--</el-table-column>-->
        <!--<el-table-column  label="客梯车">-->
        <!--</el-table-column>-->
        <el-table-column  label="备注">
        </el-table-column>
        <el-table-column  label="操作">
            <template scope="scope">
                <el-button type="text">修改</el-button>
            </template>
        </el-table-column>
    </el-table>

</div>